﻿
a,span{font-family:"微软雅黑";color:#333;}


.main .login_new{width:940px;margin:30px auto;height:400px;}
.main .login_new .left{float:left;width:451px;height:450px;}
.main .login_new .left img{width:451px;height:450px;}
.main .login_new .right{float:left;width:450px;height:430px;margin:20px 0px 0px 20px;}

.main .login_new .right .login_window{
    padding-bottom: 30px; 
    float:left;
    width:400px;
    height:410px; 
    border: 1px solid #d9d9d9;
    box-shadow: 0 2px 4px 1px #d9d9d9;
}

.main .login_new .right .login_window h1{
	border-bottom: 1px solid #ededed;
    font-size: 16px;
    font-weight: normal;
    height: 54px;
    line-height: 54px;
    margin: 0 10px 20px 10px;
    padding-left: 20px;
}


/*****登录修改*************/
.m_account{margin:0px auto 20px auto;width: 325px;overflow:hidden;  height: 24px; border: 1px solid #dedede; font-family: "Microsoft YaHei";border-radius:5px;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 18px;
    position: relative;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    }
.m_account label{
	color: #666;
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    float:left;
}
.m_account input{
	border: 0 none;
    font-family: "Microsoft YaHei";
    padding-left: 3px;
    vertical-align: middle;
    width: 230px;
    color: #ccc;
    background-color: #fff;
    float:left;
    height:24px;
    line-height:24px;
}
.login_window .selected{
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(240, 127, 5, 0.4);
}
.login_window .selected input{color:#666;}
.login_account img{position:absolute;right:0px;top:0px;border:0 5px 5px 0;width:100px;height:44px;}
.forget_password{width:361px;height:20px;line-height:20px;text-align:right;}
.forget_password a{color:#0088cc}
.m_submit{width:400px;text-align:center;height:70px;}
.m_submit .blue_btn{
	  background: #44b540;
    border-radius: 3px;
    box-shadow: 0 1px 2px #dbdbdb;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 34px;
    letter-spacing: 15px;
    line-height: 32px;
    margin: 15px auto;;
    text-align: center;
    width: 300px;
    border:0px none;
}
.go_register{   color: #b3b3b3;
    height: 24px;
    line-height: 24px;
    text-align: right;
    width:400px;
    }

.go_register .go_f{float:left;color:#0088cc;margin:0 0 0 20px;display:block;}
.go_register p{float:right;margin-right:20px;display:block;color:#b3b3b3;}
.go_register p a{
	 background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #44b540;
    display: block;
    float: right;
    margin-left: 5px;
    opacity: 0.98;
    text-align: center;
    width: 68px;
}

/* 手机登录和用户名登录的切换样式 */
.login-type {
    color: #666;
    font-weight: 400;
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    font-weight: normal;
    height: 54px;
    line-height: 54px;
    margin: 0 10px 20px 10px;
    padding-left: 20px;
}

.login_content {
	padding-left: 20px;
}

.login-type a{
	color: #666;
}

.type-toggle {
	float: right;
	font-size: 12px;
    font-weight: normal;
    padding-right: 20px;
}

.mobile-item {
	display: none;
}

.btn-dynamic-code {
	color: #666;
    display: inline-block;
    font-weight: 400;
    padding: 5px 10px;
    text-align: center;
    width: 188px;
    font-size: 12px;
    margin:10px 20px;
    border: 1px solid #dedede;
	background: #f3f3f3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn-dynamic-code:hover{
	color:#666;
	cursor:pointer;	
	background: #f9f9f9;
}

.type-toggle .type-toggle-icon {
	width: 14px;
    height: 14px;
}

/* 用合作网站账号登录 */
.oauth-wrapper{
	margin-top: 15px;
}

.oauth-wrapper .title-wrapper{
	position: relative;
	border-bottom: 1px solid #CCC;
	width: 80%;
	overflow: visible;
	margin: 0 auto;
	margin-bottom: 20px;
}

.oauth-wrapper .title {
    position: absolute;    
    top: -10px;  
    +top: -21px;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    background: #FFF;
}

.oauth-wrapper .oauth {
    padding-left: 38%;
    float: left;
}

.oauth-link {
    float: left;
    margin-right: 20px;
    width: 18px;
    height: 18px;
    background:url(../images/login_icon.png) no-repeat;
    
}

.oauth-qq{
	background-position: 0 -19px;
}

.oauth-qq:hover{
	background-position: 0 -37px;
}

.oauth-weixin {    
    background-position: 0 -163px;
}

.oauth-weixin:hover {    
    background-position: 0 -91px;
}

.oauth-weibo {
    background-position: 0px -109px;
}

.oauth-weibo:hover {
    background-position: 0px -73px;
}

/* 输入框背景图 */
.login-icon{
	background:url(../images/login_icon.png) no-repeat;
    position: absolute;
    display: inline-block;
    width: 17px;
    height: 17px;
    top: 11px;
    left: 9px;
    line-height: 18px;
    vertical-align: text-top;
}

.user-icon{background-position: 0px -145px;}

.phone-icon{background-position: -2px -127px;}

.pass-icon{background-position: 0 -55px;}

.mobile-icon{
	position: relative;
	width: 14px;
	height: 14px;	
	background-position: -19px -70px;
	top: 0;
	left: 5px;
}

.normal-icon{
	position: relative;
	width: 14px;
	height: 14px;	
	background-position: 0 -210px;
	top: 0;
	left: 5px;
}




















